/*
- font：指定字体样式、大小、字体族
- textAlign：文本对其方式，可选属性——[start|end|left|right|center]
- textBaseLine：文本基线，可选属性——[top|hanging|middle|alphabetic|ideographic|bottom]
---------------------绘制
1. fillText(字符串,x,y,像素宽度)：用填充的方式绘制
2. strokeText(字符串,x,y,像素宽度)：用描线的方式绘制
*/

let paper=document.getElementById('paper')
if(paper.getContext){
    //时钟
    let context=paper.getContext("2d")
    context.beginPath()
    context.arc(100,100,99,0,2*Math.PI,false)
    context.moveTo(194,100)                    
    context.arc(100,100,94,0,2*Math.PI,false) 
    context.moveTo(100,100)
    context.lineTo(100,15)
    context.moveTo(100,100)
    context.lineTo(35,100)
    context.stroke()


    //文字
    context.font="bold 14px Arial"
    context.textAlign="center"
    context.textBaseLine="middle"
    context.fillText("12",100,20)
}
